/* pages/edit/edit.wxss */

.input {
  width: 80%;
  height: 120rpx;
  padding-left: 20rpx;
}

.img-welcome {
  width: 40rpx;
  height: 40rpx;
}

.textTip {
  display: flex;
  justify-content: flex-start;
  width: 80%;
}

.codeTip {
  background: lightgray;
  border-radius: 10%;
  display: flex;
  align-items: center;
  color: white;
  padding: 10rpx;
  font-size: 12px;
  text-align: center;
}

.line {
  height: 3rpx;
  width: 80%;
  background: rgba(128, 128, 128, 0.253);
}

.submit_btn {
  border-radius: 30rpx;
  width: 400rpx;
  text-align: center;
  color: white;
  /* background: #ec9f10 */
}

.reset_btn {
  border-radius: 30rpx;
  width: 400rpx;
  text-align: center;
  color: white;
  margin-top: 40rpx;
}

.containers {
  width: 750rpx;
  height: 1080rpx;
  background: white;
  display: flex;
  justify-content: center;
  align-self: center;
}

.content {
  display: flex;
  flex-direction: column;
}

.welcome-area {
  margin-top: 150rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wel-txt {
  display: flex;
  color: gray;
  font-size: 18px;
}

.input-area {
  height: 200rpx;
  margin-top: 100rpx;
  display: flex;
  flex-direction: column;
  width: 600rpx;
  align-items: center;
  justify-content: center;
  text-align: left;
}

.btn-area {
  margin: 0 auto;
  margin-top: 200rpx;
  display: flex;
  flex-direction: column;
  /* width: 600rpx; */
  align-items: center;
  justify-content: center;
  text-align: center;
}

.bc_btn {
  width: 500rpx;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background: #337ab7;
  opacity: 0.6;
  border: 1px solid#d0d0d0;
  border-radius: 20rpx;
  font-size: 14px;
}

.to-home {
  margin-top: 50rpx;
  color: #337ab7;
  background: white;
  border-radius: 10%;
  padding: 10rpx;
}

.bc_btn_click {
  color: white;
  background: #ec9f10;
}

.cz_btn {
  margin-top: 50rpx;
  width: 500rpx;
  height: 100rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  color: 337AB7;
  background: #d0d0d0;
  opacity: 0.6;
  border: 1px solid#d0d0d0;
  border-radius: 20rpx;
  font-size: 14px;
}

.cz_btn_click {
  color: white;
  background: #ec9f10;
}

/* 新增样式 */
.edit-bg {
  width: 750rpx;
  height: 330rpx;
  background: linear-gradient(to bottom, #ff8100, #ff992b);
  position: relative;
  overflow: hidden;
  border-radius: 0px 0 30% 30%;
}

.edit-bg-img {
  position: absolute;
  width: 150rpx;
  height: 150rpx;
  right: 20rpx;
  top: 50rpx;
}

.edit-bg-text {
  position: absolute;
  left: 50rpx;
  top: 80rpx;
  color: #fff;
  font-family: PingFangSC, PingFang SC;
  font-weight: 600;
  font-size: 48rpx;
  color: #ffffff;
  line-height: 66rpx;
  text-align: left;
  font-style: normal;
}

.edit-input-box {
  position: absolute;
  width: 686rpx;
  height: 256rpx;
  background: #ffffff;
  box-shadow: 0rpx 4rpx 40rpx 0rpx rgba(17, 31, 44, 0.05);
  border-radius: 24rpx;
  left: 50%;
  transform: translateX(-50%);
  top: 186rpx;
  display: flex;
  justify-content: center;
  align-items: center;
}

.edit-input {
  width: 580rpx;
  height: 76rpx;
  background: #f6f7fc;
  border-radius: 24rpx;
  /* border: 1px solid red; */
  padding: 20rpx;
}

.bc-btn_van {
  width: 654rpx;
  height: 96rpx;
  background: rgb(255, 153, 43);
  border-radius: 24rpx;
  margin-bottom: 72rpx;
  color: #fff;
  font-size: 36rpx;
}

.cz_btn_van {
  width: 654rpx;
  height: 96rpx;
  background: rgb(255, 153, 43, 0.2);
  border-radius: 24rpx;
  color: rgb(255, 153, 43);
  font-size: 36rpx;
  border: unset;
}

.back-home {
  background: rgb(255, 153, 43, 0.2);
  width: 110rpx;
  height: 110rpx;
  border-radius: 50%;
  position: fixed;
  right: 20rpx;
  bottom: 250rpx;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.back-icon {
  width: 60rpx;
  height: 60rpx;
  /* margin-bottom: 3rpx; */
}

.back-name {
  color: rgb(255, 153, 43);
  font-size: 18rpx;
  font-weight: 500;
}